<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开服表</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/layui/css/layui.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
#include("./common/header.html")

<div class="main">
    <div class="mian-nav">
        <p>当前所在位置：<a href="./index.html">首页</a>><a href="javascript:;">开服列表</a></p>
    </div>

    <div class="main-content">
        <h3>开服表</h3>
        <div class="table clearfix">
            <div class="left-mark">
                <div class="dot"></div>
                <div class="line"></div>
                <div class="dot"></div>
            </div>
            <div class="right-table">
                <div class="open-today">
                    <div class="mark-to-left">
                        <p>今日开服<span>06-07</span></p>
                    </div>
                    <table>
                        <tr>
                            <td class="td1">
                                <a href="#"><img src="../img/table-1.png" alt="game-icon"></a>
                            </td>
                            <td class="td2">
                                <p class="p1 clearfix"><a href="#">热血江湖传h5</a></p>
                                <p class="p2"><a href="#">微网游</a>，<a href="#">角色类</a></p>
                            </td>
                            <td class="td3"><span>00:00</span></td>
                            <td class="td4"><span>228服</span></td>
                            <td class="td5">
                                <div class="clearfix">
                                    <a class="leftBtn" href="#">礼包领取</a>
                                    <a class="rightBtn" href="#">进入专区</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">
                                <a href="#"><img src="../img/table-2.gif" alt="game-icon"></a>
                            </td>
                            <td class="td2">
                                <p class="p1 clearfix"><a href="#">宠物精灵</a></p>
                                <p class="p2"><a href="#">微网游</a>，<a href="#">休闲类</a></p>
                            </td>
                            <td class="td3"><span>00:10</span></td>
                            <td class="td4"><span>2048服</span></td>
                            <td class="td5">
                                <div class="clearfix">
                                    <a class="leftBtn" href="#">礼包领取</a>
                                    <a class="rightBtn" href="#">进入专区</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">
                                <a href="#"><img src="../img/table-3.png" alt="game-icon"></a>
                            </td>
                            <td class="td2">
                                <p class="p1 clearfix"><a href="#">传奇世界h5</a></p>
                                <p class="p2"><a href="#">微网游</a>，<a href="#">角色类</a>，<a href="#">放置类</a></p>
                            </td>
                            <td class="td3"><span>00:00</span></td>
                            <td class="td4"><span>228服</span></td>
                            <td class="td5">
                                <div class="clearfix">
                                    <a class="leftBtn" href="#">礼包领取</a>
                                    <a class="rightBtn" href="#">进入专区</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">
                                <a href="#"><img src="../img/table-4.png" alt="game-icon"></a>
                            </td>
                            <td class="td2">
                                <p class="p1 clearfix"><a href="#">凡人修仙</a></p>
                                <p class="p2"><a href="#">微网游</a>，<a href="#">角色类</a></p>
                            </td>
                            <td class="td3"><span>01:00</span></td>
                            <td class="td4"><span>1118服</span></td>
                            <td class="td5">
                                <div class="clearfix">
                                    <a class="leftBtn" href="#">礼包领取</a>
                                    <a class="rightBtn" href="#">进入专区</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="td1">
                                <a href="#"><img src="../img/table-5.png" alt="game-icon"></a>
                            </td>
                            <td class="td2">
                                <p class="p1 clearfix"><a href="#">打豆豆</a></p>
                                <p class="p2"><a href="#">微网游</a>，<a href="#">角色类</a></p>
                            </td>
                            <td class="td3"><span>08:00</span></td>
                            <td class="td4"><span>2228服</span></td>
                            <td class="td5">
                                <div class="clearfix">
                                    <a class="leftBtn" href="#">礼包领取</a>
                                    <a class="rightBtn" href="#">进入专区</a>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="open-soon open">
                    <div class="mark-to-left mark2">
                        <p>即将开服</p>
                    </div>
                    <table>
                        <tr>
                            <th width="15%">时间</th>
                            <th width="25%">游戏名称</th>
                            <th width="15%">游戏类型</th>
                            <th width="15%">服务器名称</th>
                            <th width="15%">礼包领取</th>
                            <th width="15%">专区资料</th>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                    </table>
                </div>
                <div class="open-already open">
                    <div class="mark-to-left mark3">
                        <p>已经开服</p>
                    </div>
                    <table>
                        <tr>
                            <th width="15%">时间</th>
                            <th width="25%">游戏名称</th>
                            <th width="15%">游戏类型</th>
                            <th width="15%">服务器名称</th>
                            <th width="15%">礼包领取</th>
                            <th width="15%">专区资料</th>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                        <tr>
                            <td class="td1">06-08 00:00</td>
                            <td class="td2"><a href="">热血江湖传h5</a></td>
                            <td class="td3"><a href="#">微网游</a>，<a href="#">角色类</a></td>
                            <td class="td4">232服</td>
                            <td class="td5"><a class="leftBtn" href="#">礼包领取</a></td>
                            <td class="td6"><a class="rightBtn" href="#">进入专区</a></td>
                        </tr>
                    </table>
                    <div class="more">
                        <p>查看更多</p>
                    </div>
                </div>
            </div>
            <form class="search-box clearfix" action="" autocomplete="off">
                <input class="input-search" type="search" name="game-name" placeholder="请输入游戏名称">
                <input class="input-submit" type="button" value="快速查找">
            </form>
        </div>
    </div>


</div>
#include("./common/footer.html")
</body>
</html>